<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet/less" href="./css/reset.less">
    <link rel="stylesheet/less" href="./css/search.less">
</head>
<body>
    <div class="head">
        <a class="back" href="index.html">&lt;</a>
        <div class="search">
            <img src="./images/search.png" alt="">
            <input type="search" name="search" placeholder="输入商家、分类或商圈">
        </div>
        <div class="logo"><img src="./images/logo.png" alt=""></div>
    </div>
    <!-- 热门搜索 -->
    <div class="hotsearch">
        <div class="cols1">
            <span>热门搜索</span>
            <span>其美烤肉自助火锅城</span>
            <span>新聚点量版ktv</span>
        </div>
        <div class="cols2">
            <span>新聚点量版ktv</span>
            <span>新聚点量版ktv</span>
        </div>
        <div class="cols3">
            <span>新聚点量版ktv</span>
            <span>新聚点量版ktv</span>
        </div>
        <div class="circle">
            <span class="active"></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <div class="history">
        <div class="list">
            <img src="./images/history.png" alt=""><div>联通流量充值</div>
        </div>
        <div class="list">
            <img src="./images/history.png" alt=""><div>联通流量充值</div>
        </div>
        <div class="list">
            <img src="./images/history.png" alt=""><div>联通流量充值</div>
        </div>
        <div class="list">
            <img src="./images/history.png" alt=""><div>联通流量充值</div>
        </div>
        <div class="del">
            <img src="./images/del.png" alt=""><div>清除历史记录</div>
        </div>
    </div>
</body>
</html>
<script src="./js/less.js"></script>
<script src="./js/common.js"></script>
